import React from 'react';
import { Link } from 'react-router-dom';

const Footer = () => {
  const scrollToTop = () => {
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    });
  };

  return (
    <>
      {/* <section className="w3l-footer-29-main">
        <div className="footer-29 py-5">
          <div className="container py-lg-4">
            <div className="row footer-top-29">
              <div className="col-lg-4 col-md-6 col-sm-7 footer-list-29 footer-1 pr-lg-5">
                <div className="footer-logo mb-3">
                  <Link className="navbar-brand" to="/">HD SpaceDesk</Link>
                </div>
                <p>我们为您的产业发展与环境保护决策提供强大的数据支撑。</p>
                <ul className="mt-3">
                  <li><a href="tel:+(21) 255 999 8888"><span className="fa fa-phone"></span> +(21) 255 999 8888</a></li>
                  <li><a href="mailto:hdspacedesk@mail.com" className="mail">
                    <span className="fa fa-envelope-open-o"></span> hdspacedesk@mail.com</a></li>
                </ul>
              </div>
              
              <div className="col-lg-2 col-md-6 col-sm-5 col-6 footer-list-29 footer-2 mt-sm-0 mt-5">
                <ul>
                  <h6 className="footer-title-29">公司</h6>
                  <li><Link to="/dashboard">数据总览</Link></li>
                  <li><Link to="/marine-map">海域评估</Link></li>
                  <li><Link to="/about">风险预警</Link></li>
                  <li><Link to="/contact">联系我们</Link></li>
                </ul>
              </div>
              
              <div className="col-lg-4 col-md-6 col-sm-7 footer-list-29 footer-4 mt-lg-0 mt-5">
                <h6 className="footer-title-29">订阅我们的通讯 </h6>
                <p>输入您的邮箱，获取最新消息、更新和特别优惠。</p>
                <form action="#" className="subscribe" method="post">
                  <input type="email" name="email" placeholder="您的邮箱地址" required="" />
                  <button className="btn btn-style btn-primary w-100 mt-3">订阅</button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </section> */}
      <section className="w3l-copyright">
        <div className="container">
          <div className="row bottom-copies">
            <p className="col-lg-8 copy-footer-29">Created By HGS.</p>
            <div className="col-lg-4 main-social-footer-29">
              <a href="#facebook" className="facebook"><span className="fa fa-facebook"></span></a>
              {/* <a href="#twitter" className="twitter"><span className="fa fa-twitter"></span></a> */}
              {/* <a href="#instagram" className="instagram"><span className="fa fa-instagram"></span></a>
              <a href="#linkedin" className="linkedin"><span className="fa fa-linkedin"></span></a> */}
            </div>
          </div>
        </div>
      </section>
      <button
        onClick={scrollToTop}
        id="movetop"
        title="Go to top"
        style={{ display: 'none' }}
      >
        ↑
      </button>
    </>
  );
};

export default Footer; 